<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<title>新鹿心理管理系统</title>
	<!-- 标签图标设置 -->
	<link rel="icon" href="images/favicon.ico" type="image/ico">
	<!-- SEO（搜索引擎所有关键件） -->
	<meta name="keywords" content="crm,qf">
	<meta name="description" content="这是一个解决中小企业客户资源管理的网站">
	<meta name="author" content="枫桥夜泊1990">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/materialdesignicons.min.css" rel="stylesheet">
	<link href="css/style.min.css" rel="stylesheet">
<style>
.lyear-wrapper {
    position: relative;
}
.lyear-login {
    display: flex !important;
    min-height: 100vh;
    align-items: center !important;
    justify-content: center !important;
}
.login-center {
    /* background: #fff; */
	background: rgba(255,255,255,0.5);
    min-width: 38.25rem;
    padding: 2.14286em 3.57143em;
    border-radius: 5px;
    margin: 2.85714em 0;
}
.login-header {
    margin-bottom: 1.5rem !important;
}
.login-center .has-feedback.feedback-left .form-control {
    padding-left: 38px;
    padding-right: 12px;
}
.login-center .has-feedback.feedback-left .form-control-feedback {
    left: 0;
    right: auto;
    width: 38px;
    height: 38px;
    line-height: 38px;
    z-index: 4;
    color: #dcdcdc;
}
.login-center .has-feedback.feedback-left.row .form-control-feedback {
    left: 15px;
}
</style>
</head>
  <!--
  	此代码来源于千锋南京Java教学部
  	作者: 夜泊
  	修改: 2020-12-30
   -->
<body style="background: url(images/house-5883456_1920.jpg);">
<div class="row lyear-wrapper">
  <div class="lyear-login">
    <div class="login-center">
        <div class="login-header text-center">
          <a href="/login"><img src="images/logo-sidebar.png" title="夜泊" alt="夜泊" /></a>
      </div>

<!--      <form id="login" action="/login" method="get">-->
        <div class="form-group has-feedback feedback-left">
          <input  type="text" placeholder="请输入用户名" class="form-control" name="username" id="username" />
          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
        </div>
        <div class="form-group has-feedback feedback-left">
          <input  type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
        </div>
        <div class="form-group">
          <button id="login" class="btn btn-block btn-primary" type="submit" >立即登录</button>
        </div>
<!--      </form>-->
      <hr>
      <footer class="col-sm-12 text-center">
        <p class="m-b-0">Copyright © 2021 <a href="">新鹿心理</a>. All right reserved</p>
      </footer>
    </div>
  </div>
</div>



<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">;</script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#login").click(function(){
           var username = $("#username").val();
           var password = $("#password").val();
           var data = {"username":username,"password":password}
            $.ajax({
                type: "POST",
                url: "/login",
                data:JSON.stringify(data) ,
                contentType: "application/json",
                dataType:"json",
                async:false,
                cache:false,
                success: function(data){
                    if(data.code==0){
                        window.location.href = 'customer_list';
                    }else {
                        alert("用户名或密码错误...");
                    }
                },
                error: function(json){
                    alert("用户名或密码错误...");
                }
            });
        });
    });


</script>
</body>

</html>